div{
			-webkit-tap-highlight-color: rgba(0,0,0,0);

}


.ButtonEnter{
    height: 40px;
    width: 130px;
    border-radius: 20px;
    text-align: center;
}

.SelectMoudle{
    height: 50px;
    width: 130px;
    border-radius: 4px;
    border: 3px solid rgba(24,199,86,0.20);
}

.SelectMoudleBlue{
    height: 50px;
    width: 130px;
    border-radius: 4px;
    border: 3px solid rgba(0,156,255,0.30);
}


.SelectMoudleGray{
    border-radius: 50%;
    box-shadow:0px 1px 10px 0px rgba(18,167,235,0.2);
}

.ShowBox{
    min-height: 160px;
    max-height: 360px;
    width: 165px;
    border-radius: 10px;
    box-shadow: 0px 3px 8px 0px rgba(24,199,86,0.30);
}

.ShowBoxBlue{
    min-height: 160px;
    max-height: 360px;
    width: 165px;
    border-radius: 10px;
    box-shadow: 0px 3px 8px 0px rgba(0,156,255,0.30);
}

.ShowBoxBlue:active{
    -webkit-transform:scale(1.5) rotate(10deg);
    -moz-transform:scale(1.5) rotate(10deg);
    -o-transform:scale(1.5) rotate(10deg);
}

.BottomBox{
    height: 50px;
    width: 345px;
    border-radius: 30px 30px 0px 0px;
    background: rgba(24,199,86,0.15);
}


.LineHeight{
    line-height: 50px;
}


.bottom_list{
    position: absolute;
    top: 250px;
    width: 100%;
}
.place{
    position: absolute;
}

.sys_list{
    position: absolute;
    bottom: 4%;
    width: 100%;
}



@keyframes move {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
//  25% {
//      transform: scale(0.1);
//      opacity: 0.1;
//  }
    50% {
        transform: scale(0.5);
        opacity: 0.3;
    }
//  75% {
//      transform: scale(0.5);
//      opacity: 0.5;
//  }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}



.move{
    border: 6px solid #9B9B9B;
    border-radius: 30px;
    animation: move 3s ease-out;
}
@for $i from 0 through 40 {
        .top-#{$i} {
            position: relative;
            top:  0px + $i;
        }
    }

@for $i from 6 through 40 {
    .right-#{$i} {
        right: $i + 0px;
    }
}
@for $i from 20 through 200 {
        .boxWidth-#{$i} {
        width: $i + 0px;
        margin: auto;
        padding-bottom: 5px;
        }
    }
@for $i from 0 through 300 {
        .squareBox-#{$i} {
        width: $i + 0px !important;
        height: $i + 0px !important;
        }
    }

@for $i from 0 through 100 {
        .marginTop-#{$i} {
        margin-top: $i + 0px !important;
        }
    }
@for $i from 0 through 100 {
        .marginLeft-#{$i} {
        margin-left: $i + 0px !important;

        }
    }
@for $i from 0 through 100 {
        .marginRight-#{$i} {
        margin-right: $i + 0px !important;
        }
    }
@for $i from 0 through 100 {
        .marginBottom-#{$i} {
        margin-bottom: $i + 0px !important;
        }
    }
.listBorder{
    margin: 0 auto;
    border-bottom: 1px solid #DEDEDE;
    line-height: 50px;
}

.selectCity{
    width: 88%;
    margin: 0 auto;
    line-height: 50px;
    border-bottom: 1px solid #DEDEDE;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    i{
        color: rgba(155,155,155,0.3);
        margin-left: -18px;
    }
}

.selectCity_vip{
    width: 80%;
    margin: 0 auto;
    // margin-right: 20px;
    line-height: 50px;
    // border-bottom: 1px solid #DEDEDE;
    border: 0;
    // border-right: 0;
    // border-top: 0;
    // i{
    //     color: rgba(155,155,155,0.3);
    //     margin-left: -18px;
    // }
}


.hinting{
    margin: 14px auto 40px;
}

.GreenBorder{
//  border: 1px solid #18c756;
}

@for $i from 0 through 100 {
    .margin-#{$i} {
        margin: $i + 0px auto $i + 5px;
    }
}

.GrayBorder{
//  border: 1px solid #9b9b9b;
//  height: 160px;
//  width: 160px;
}

.circlBox{
    border-radius: 50%;
    height: 80px;
    width: 80px;
}

@for $i from 0 through 100 {
    .Button-#{$i} {
        width: $i + 0%;
    }
}

@for $i from 0 through 100 {
    .line-#{$i} {
        line-height: 0px + $i;
        border-radius: $i / 2 + 0px;
        text-align: center;
        margin: auto;
    }
}

@for $i from 0 through 200 {
    .lineHeight-#{$i} {
        line-height: 0px + $i;
    }
}

.floatLeft{
    float:left;
    margin: 0;
}

.floatRight{
    float: right;
    margin: 0;
}

.display-inline{
    display: inline-block !important;
}


input{
    margin-top: -6px;
}


.nopadding{
    padding: 0;
}

.nomargin{
    margin: 0;
}

.noline{
    line-height: normal;
}

.noborder{
    border:none;
}
